(function ($) {
    $.fn.extend({
        login() {

            //给选框绑定点击事件
            $("input:checkbox").on("click", function () {
                $("form").changeColor();
            })

            $("form").on("submit", function () {
                if ($("button").css("backgroundColor") == "rgb(153, 153, 153)") {
                    return false;
                }
                if ($("button").css("backgroundColor") == "rgb(255, 0, 0)") {
                    var index = layer.load(1, {
                        shade: [0.1, '#fff'] //0.1透明度的白色背景
                    });
                    $("#login").prop("disabled", true)
                    $.ajax({
                        url: "/api/login",
                        type: "post",
                        data: $(this).serialize()
                    }).then(function(res){
                        $('#login').prop("disabled", false);
                        layer.close(index);
                        if (res && res.code == 200) {
                            //把登录成功的用户信息保存到本地存储
                            localStorage.setItem("user", JSON.stringify(res.data));
                            layer.confirm("恭喜,登录成功!,是否立即去首页", {
                                btn: ["确定", "取消"]
                            }, function (tmpIndex) {
                                //由于点了确定.不会自动关闭确认框,需要
                                //手动关闭
                                layer.close(tmpIndex);

                                setTimeout(function () {
                                    location.href = '../index.html';
                                }, 500);

                            }, function () {
                                //取消 会自动关闭窗口
                            });
                        }
                    })

                    return false;
                }
            })
        },
        changeColor() {
            if ($("input[name='uname']").val() != "" && $("input[name='upwd']").val() != "" && $("input:checkbox").prop("checked") == true) {
                $("button").css("backgroundColor", "red");
                $("#login").prop("disabled", false);
            } else {
                $("button").css("backgroundColor", "#999");
                $("#login").prop("disabled", true)
            }
        }
    })
})(jQuery)
$(function () {
    $(window).login();


   
})
